<!DOCTYPE HTML>
<html>
<head>
<title>LXCMDB</title>
<!-- 页面按原比例显示 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
 <!-- 编码格式 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 关键字使用","分隔 -->
<meta name="keywords" content="" />
<!-- 作者 -->
<meta name="author" content="author">
<!-- 网页描述 -->
<meta name="description" content="hello">
<!-- 禁止浏览器从本地机的缓存中调阅页面内容 -->
<meta http-equiv="Pragma" content="no-cache">
<!-- 用来防止别人在框架里调用你的页面 -->
<meta http-equiv="Window-target" content="_top">
<!-- content的参数有all，none，index，noindex，follow，nofollow，默认是all -->
<meta name="robots" content="none">
<!-- 网页不会被缓存 -->
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<!-- 解决部分兼容性问题，如果安装了GCF，则使用GCF来渲染页面，如果未安装GCF，则使用最高版本的IE内核进行渲染。 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Bootstrap Core CSS -->
<link href="/static/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- Custom CSS -->
<link href="/static/css/style.css" rel='stylesheet' type='text/css' />
<!-- Graph CSS -->
<link href="/static/css/font-awesome.min.css" rel="stylesheet"> 
<!-- jQuery -->
<link href="/static/css/fonts.css" rel='stylesheet' type='text/css'>
<!-- lined-icons -->
<link rel="stylesheet" href="/static/css/icon-font.min.css" type='text/css' />
<!-- //lined-icons -->
<script src="/static/js/jquery-3.3.1.min.js"></script>
<script src="/static/js/amcharts.js"></script>	
<script src="/static/js/serial.js"></script>	
<script src="/static/js/light.js"></script>	
<script src="/static/js/radar.js"></script>	
<script src="/static/js/popper.js"></script>
<link href="/static/css/fabochart.css" rel='stylesheet' type='text/css' />
<!--clock init-->
<script src="/static/js/css3clock.js"></script>
<script src="/static/js/moment.js"></script>
<!--Easy Pie Chart-->
<!--skycons-icons-->
<script src="/static/js/skycons.js"></script>

<script src="/static/js/jquery.easydropdown.js"></script>
<!--[if lt IE 9]>
       <script src="/static/js/html5shiv.min.js"></script>
       <script src="/static/js/respond.js"></script>
<![endif]-->
<!--//skycons-icons-->
</head> 
<body>
   <div class="page-container">
   <!--/content-inner-->
	<div class="left-content">
	   <div class="inner-content">
		<!-- header-starts -->
			<div class="header-section">
						<!--menu-right-->
						<div class="top_menu">
							<!--/profile_details-->
								<div class="profile_details_left">
									<ul class="nofitications-dropdown">
											
									       <li class="dropdown note">
											<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-envelope-o"></i> <span class="badge">3</span></a>

												
													<ul class="dropdown-menu two first">
														<li>
															<div class="notification_header">
																<h3>You have 3 new messages  </h3> 
															</div>
														</li>
														<li><a href="#">
														   <div class="user_img"><img src="/static/images/1.jpg" alt=""></div>
														   <div class="notification_desc">
															<p>Lorem ipsum dolor sit amet</p>
															<p><span>1 hour ago</span></p>
															</div>
														   <div class="clearfix"></div>	
														 </a></li>
														 <li class="odd"><a href="#">
															<div class="user_img"><img src="/static/images/in.jpg" alt=""></div>
														   <div class="notification_desc">
															<p>Lorem ipsum dolor sit amet </p>
															<p><span>1 hour ago</span></p>
															</div>
														  <div class="clearfix"></div>	
														 </a></li>
														<li><a href="#">
														   <div class="user_img"><img src="/static/images/in1.jpg" alt=""></div>
														   <div class="notification_desc">
															<p>Lorem ipsum dolor sit amet </p>
															<p><span>1 hour ago</span></p>
															</div>
														   <div class="clearfix"></div>	
														</a></li>
														<li>
															<div class="notification_bottom">
																<a href="#">See all messages</a>
															</div> 
														</li>
													</ul>
										</li>
										
							<li class="dropdown note">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-bell-o"></i> <span class="badge">5</span></a>

									<ul class="dropdown-menu two">
										<li>
											<div class="notification_header">
												<h3>You have 5 new notification</h3>
											</div>
										</li>
										<li><a href="#">
											<div class="user_img"><img src="/static/images/in.jpg" alt=""></div>
										   <div class="notification_desc">
											<p>Lorem ipsum dolor sit amet</p>
											<p><span>1 hour ago</span></p>
											</div>
										  <div class="clearfix"></div>	
										 </a></li>
										 <li class="odd"><a href="#">
											<div class="user_img"><img src="/static/images/in5.jpg" alt=""></div>
										   <div class="notification_desc">
											<p>Lorem ipsum dolor sit amet </p>
											<p><span>1 hour ago</span></p>
											</div>
										   <div class="clearfix"></div>	
										 </a></li>
										 <li><a href="#">
											<div class="user_img"><img src="/static/images/in8.jpg" alt=""></div>
										   <div class="notification_desc">
											<p>Lorem ipsum dolor sit amet </p>
											<p><span>1 hour ago</span></p>
											</div>
										   <div class="clearfix"></div>	
										 </a></li>
										 <li>
											<div class="notification_bottom">
												<a href="#">See all notification</a>
											</div> 
										</li>
									</ul>
							</li>	
						<li class="dropdown note">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tasks"></i> <span class="badge blue1">9</span></a>
										<ul class="dropdown-menu two">
										<li>
											<div class="notification_header">
												<h3>You have 9 pending task</h3>
											</div>
										</li>
										<li><a href="#">
												<div class="task-info">
												<span class="task-desc">Database update</span><span class="percentage">40%</span>
												<div class="clearfix"></div>	
											   </div>
												<div class="progress progress-striped active">
												 <div class="bar yellow" style="width:40%;"></div>
											</div>
										</a></li>
										<li><a href="#">
											<div class="task-info">
												<span class="task-desc">Dashboard done</span><span class="percentage">90%</span>
											   <div class="clearfix"></div>	
											</div>
										   
											<div class="progress progress-striped active">
												 <div class="bar green" style="width:90%;"></div>
											</div>
										</a></li>
										<li><a href="#">
											<div class="task-info">
												<span class="task-desc">Mobile App</span><span class="percentage">33%</span>
												<div class="clearfix"></div>	
											</div>
										   <div class="progress progress-striped active">
												 <div class="bar red" style="width: 33%;"></div>
											</div>
										</a></li>
										<li><a href="#">
											<div class="task-info">
												<span class="task-desc">Issues fixed</span><span class="percentage">80%</span>
											   <div class="clearfix"></div>	
											</div>
											<div class="progress progress-striped active">
												 <div class="bar  blue" style="width: 80%;"></div>
											</div>
										</a></li>
										<li>
											<div class="notification_bottom">
												<a href="#">See all pending task</a>
											</div> 
										</li>
									</ul>
							</li>		   							   		
							<div class="clearfix"></div>	
								</ul>
							</div>
							<div class="clearfix"></div>	
							<!--//profile_details-->
						</div>
						<!--//menu-right-->
					<div class="clearfix"></div>
				</div>
					<!-- //header-ends -->
		   	<!--outter-wp-->
		   							<div class="outter-wp" style="font-size:22px">
									<!--sub-heard-part-->
									  <div class="sub-heard-part">
									   <ol class="breadcrumb m-b-0">
											<li><a href="index.html">Home</a></li>
											<li class="active">{% block title %}{% endblock %}</li>
										</ol>
									   </div>
								  <!--//sub-heard-part-->
		   	   {% with messages = get_flashed_messages() %}
	   {% if messages %}
	   <ul class=flashes>
		   {% for message in messages %}
		   <h3>{{ message }}</h3>
		   {% endfor %}
	   </ul>
	   {% endif %}
	   {% endwith %}
	   <br>
										{% block content %} 
										{% endblock %}
									</div>
									<!--//outer-wp-->
									 <!--footer section start-->
										<footer>
										  <p>Copyright &copy; xzhsy {{ year }}</p>
										</footer>
									<!--footer section end-->
								</div>
							</div>
				<!--//content-inner-->
			<!--/sidebar-menu-->
				<div class="sidebar-menu">
					<header class="logo">
					<a href="#" class="sidebar-icon"> <span class="fa fa-bars"></span> </a> <a href="index.html"> <span id="logo"> <h1>LXCMDB</h1></span> 
					<!--<img id="logo" src="" alt="Logo"/>--> 
				  </a> 
				</header>
			<div style="border-top:1px solid rgba(69, 74, 84, 0.7)"></div>
			<!--/down-->
							<div class="down">	
									  <a href="index.html"><img src="/static/images/admin.jpg"></a>
									  <a href="index.html"><span class=" name-caret">admin</span></a>
									 <p>管理员</p>
									<ul>
									<li><a class="tooltips" href="profile.html"><span>个人资料</span><i class="fa fa-user"></i></a></li>
										<li><a class="tooltips" href="setting.html"><span>设置</span><i class="fa fa-cog"></i></a></li>
										<li><a class="tooltips" href="logout.html"><span>退出</span><i class="fa fa-power-off"></i></a></li>
										</ul>
									</div>
							   <!--//down-->
                           <div class="menu">
									<ul id="menu" >
										<li><a href="index.html"><i class="fa fa-tachometer"></i> <span>仪表盘</span></a></li>
										 <li id="menu-academico" ><a href="#"><i class="fa fa-table"></i> <span> 资产管理 </span> <span class="fa fa-angle-right" style="float: right"></span></a>
										   <ul id="menu-academico-sub" >
											<li id="menu-academico-avaliacoes" ><a href="assets.html"> 资产列表 </a></li>											
										  </ul>
										</li>
										<li id="menu-academico" ><a href="#"><i class="fa fa-table"></i> <span> 主机管理 </span> <span class="fa fa-angle-right" style="float: right"></span></a>
										   <ul id="menu-academico-sub" >
											<li id="menu-academico-avaliacoes" ><a href="server.html"> 主机列表 </a></li>
											<li id="menu-academico-boletim" ><a href="project.html">工程信息</a></li>
											<li id="menu-academico-avaliacoes" ><a href="tbatch.html">批量管理</a></li>
											
										  </ul>
										</li>
										 <li id="menu-academico" ><a href="#"><i class="fa fa-file-text-o"></i> <span>部署管理</span> <span class="fa fa-angle-right" style="float: right"></span></a>
											 <ul id="menu-academico-sub" >
												<li id="menu-academico-avaliacoes" ><a href="plan.html">部署规划</a></li>
												<li id="menu-academico-boletim" ><a href="middleware.html">中间件</a></li>
												<li id="menu-academico-boletim" ><a href="port.html">端口规划</a></li>
											  </ul>
										 </li>
									<li id="menu-academico" ><a href="#"><i class="fa fa-book"></i> <span>用户管理</span> <span class="fa fa-angle-right" style="float: right"></span></a>
										  <ul id="menu-academico-sub" >
										    <li id="menu-academico-avaliacoes" ><a href="login.html">登陆</a></li>
										    <li id="menu-academico-boletim" ><a href="register.html">注册</a></li>
											<li id="menu-academico-boletim" ><a href="404.html">404</a></li>
											<li id="menu-academico-boletim" ><a href="user.html">用户信息</a></li>
										  </ul>
									 </li>
									<li id="menu-academico" ><a href="#"><i class="fa fa-file"></i> <span>文件管理</span> <span class="fa fa-angle-right" style="float: right"></span></a>
										<ul id="menu-academico-sub" >
										    <li id="menu-academico-avaliacoes" ><a href="upload.html">文件列表</a></li>
										    <li id="menu-academico-boletim" ><a href="upload.html">上传</a></li>
											<li id="menu-academico-boletim" ><a href="upload.html">下载</a></li>
										</ul>
									</li>
								  </ul>
								</div>
							  </div>
							  <div class="clearfix"></div>		
							</div>
							<script>
							var toggle = true;
										
							$(".sidebar-icon").click(function() {                
							  if (toggle)
							  {
								$(".page-container").addClass("sidebar-collapsed").removeClass("sidebar-collapsed-back");
								$("#menu span").css({"position":"absolute"});
							  }
							  else
							  {
								$(".page-container").removeClass("sidebar-collapsed").addClass("sidebar-collapsed-back");
								setTimeout(function() {
								  $("#menu span").css({"position":"relative"});
								}, 400);
							  }
											
											toggle = !toggle;
										});
							</script>
										<!-- // content -->
										<hr />
							
										{% block script %}
										{% endblock%} 
									<!--/404-->
<!--js -->
<link rel="stylesheet" href="/static/css/vroom.css">
<script type="text/javascript" src="/static/js/vroom.js"></script>
<script type="text/javascript" src="/static/js/TweenLite.min.js"></script>
<script type="text/javascript" src="/static/js/CSSPlugin.min.js"></script>
<script src="/static/js/jquery.nicescroll.js"></script>
<script src="/static/js/scripts.js"></script>
<!-- Bootstrap Core JavaScript -->
   <script src="/static/js/bootstrap.min.js"></script>
</body>
</html>